<style type="text/css" media="all">
body{
	-webkit-overflow-scrolling : auto;
	-webkit-overflow-scrolling : touch;
	overflow:hidden; 
}
#wrapper {
	position:absolute; z-index:1;
	top:35%; 
	bottom:48px; left:-9999px;
	width:100%;
	background:#aaa;
	overflow:auto;
}

#scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
	-webkit-overflow-scrolling:touch;
}

#scroller ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

#scroller li {
	/*border-bottom:1px solid #ccc;
	border-top:1px solid #fff;*/
	background-color:#f5f5f5;
	font-size:14px;
}

#myFrame {
	position:absolute;
	top:0; left:0;
}



/**
 *
 * Pull down styles
 *
 */
#pullDown{
	background:#fff;
	height:40px;
	line-height:40px;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:14px;
	color:#888;
}
#pullDown .pullDownIcon  {
	display:block; float:left;
	width:40px; height:40px;
	background:url(pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.loading .pullDownIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

</style>
<!DOCTYPE html>
<html>
    <head> 
        <title>Tennis Messages</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/style.css" rel="stylesheet" media="screen">
        <link href="css/default.css" rel="stylesheet" media="screen">
		<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
		<script src="js/load.js"></script>
        <script src="js/commonfunctions.js"></script>
        <script src="js/url.js"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.js"></script>
        <script src="js/popupwindow.js"></script>
		 <script src="js/jquery.nicescroll.min.js"></script>
		 <script type="text/javascript" src="js/iscroll.js"></script>
    </head>
<script>
$( document ).ready(function() {
	if(typeof localStorage["user_id"]=='undefined'){
		window.location="index.html";
	}
	getListsLoad();
});
</script>
    <body>
        <div class="top_header">
            <div class="menu_pad">
                <div class="menu_left">
                    <a href="invite.html"><img src="images/arrow_left_w.png"/>&nbsp;Messages</a></div>
                <div class="menu_right">
                     <a href="javascript:void(0)" onclick="searchFunction()"><img src="images/search.png"></a>
                    <a href="#"><img src="images/plus.png"></a>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
		<div class="notication_mar_top">
			<div class="body_pad_lr" id="search" style="display:none ">
				<div class="mar_t">
					<div class="search_input_field">
						<input type="text" name="searchInputFields" id="searchInputFields" placeholder="Search"/>
						<button onclick="searchInputFiledsFun(0)">Go</button><span id="notificationLoader"></span>
					</div><div class="clearfix"></div>
				</div><span id="searchError" name="searchError" style="color:red"></span>
			</div>
			<div class="mar_t anc_btn tab_brg">
				<a href="viewalert.html">Alerts</a> <a href="view-list.html" class="tab_active">Lists</a>
			</div>
		</div>
<div id="wrapper">
<div id="scroller">
<div id="pullDown">
	<span class="pullDownIcon"></span><span class="pullDownLabel">Pull down to refresh...</span>
</div>
		<div  id="today_lists" style="text-align:center"></div>
		<div  id="listLoader" style="padding:5px 0px !important;text-align:center;"></div>
        <div class="body_container">
		<div class="boxscroll" id="today_posts" ></div>
        </div>
		<div id="p_detailes" class="pop-up-display-content">
        </div>
		<div id="serchpartner_detailes" class="pop-up-display-content">
        </div>
		<div id="c_detailes" class="pop-up-display-content">
        </div>
</div>
</div>
		<div id="pop-up-1" class="pop-up-display-content">
            <div class="popup_text">
            <p>You confirm that you will be availability for play. 
                Not showing up on time without prior notice will keep your account on hold 
            </p>
            <div class="input_field input_popup_t">
                <input type="text" id="partner_name" name="partner_name" >
            </div>
            </div>
            <div class="popup_btns" >
                <div class="popup_row">
                    <a href="javascript:void(0);" onclick="closePopup()"><div class="cancel" >Cancel</div></a>
                    <a href="javascript:void(0);" onclick="replyPartner()" ><div class="ok" >Ok</div></a> 
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
		<input type="hidden" name="replier_id" id="replier_id" />
		<input type="hidden" name="user_post_id" id="user_post_id" />
		<input type="hidden" name="pop_up_id" id="pop_up_id" />
		<input type="hidden" name="platform" id="platform" />
		<input type="hidden" name="searchHid" id="searchHid" value="0"/>
		<input type="hidden" name="hid_post_id" id="hid_post_id" value="0" />
		<input type="hidden" name="hid_post_id_remove" id="hid_post_id_remove" value="0" />
		
    </body>
</html>

<script>
function openPopupV(user_post_id,partnerId){
	$('#partner_name').val($('#partnerName'+user_post_id).val());
	$('#user_post_id').val(user_post_id);
	$('#replier_id').val(partnerId);
	$('#platform').val($('#p_platform'+user_post_id).val());
	$('#pop-up-1').popUpWindow({action: "open"});
}
</script>
<script type="text/javascript">
var myScroll,
	pullDownEl, pullDownOffset,
	generatedCount = 0;
function pullDownAction () {
	setTimeout(function () {
		getListsLoad();
		myScroll.refresh();
	}, 1000);
}
function loaded() {
	pullDownEl = document.getElementById('pullDown');
	pullDownOffset = pullDownEl.offsetHeight;
	myScroll = new iScroll('wrapper', {
		useTransition: true,
		topOffset: pullDownOffset,
		onRefresh: function () {
			if (pullDownEl.className.match('loading')) {
				pullDownEl.className = '';
				pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Pull down to refresh...';
			} 
		},
		onScrollMove: function () {
			if (this.y > 5 && !pullDownEl.className.match('flip')) {
				pullDownEl.className = 'flip';
				pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Release to refresh...';
				this.minScrollY = 0;
			} else if (this.y < 5 && pullDownEl.className.match('flip')) {
				pullDownEl.className = '';
				pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Pull down to refresh...';
			} 
		},
		onScrollEnd: function () {
			if (pullDownEl.className.match('flip')) {
				pullDownEl.className = 'loading';
				pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Loading...';				
				pullDownAction();
			} 
		}
	});
	setTimeout(function () { document.getElementById('wrapper').style.left = '0'; }, 800);
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);

</script>
		
